<template >
  <div>
    <!-- 欢迎的滚动图 -->
    <section class="sec1"></section>
    <section class="sec2"></section>
    <section class="sec3"></section>
    <section class="sec4"></section>
  </div>
</template>

<script setup>

</script>

<style lang="less" scoped>
// .fade-...是定义路由过渡动画效果的

section {
  position: relative;
  width: 100%;
  height: 700px;
}

.sec1 {
  background: url('../../assets/images/login-bg.png');
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

// .sec2 {
//   background: url('../../assets/images/login-bg.png');
//   background-size: cover;
//   background-attachment: fixed;
//   background-repeat: no-repeat;
// }

.sec3 {
  background: url('../../assets/images/login-bg.png');
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
</style>